.banner-box{width:100%;overflow:hidden}
.banner{width:100%}
.swiper-container-banner{width:100%;position:relative}
.banner-img{width:100%}
.banner-words-box{position:absolute;width:100%;left:0;bottom:0;background-color:rgba(0,0,0,.8);padding:0 0 40px 0}


/*iBnr-1*/
.iBnr1-box{text-align:center;color:#fff;z-index:2;}
.iBnr1-box .t1{line-height:76px;font-size:60px;font-weight:lighter;}
.iBnr1-box .t2{line-height:34px;font-size:18px;font-weight:lighter;text-transform:uppercase;font-family:'微软雅黑';letter-spacing:2px;}
.iBnr1-box .iBnr1-block{width:830px;height:267px;background:url(../nimages/iBnr1-bg.png) no-repeat center center / cover;position:relative;margin:-28px 0 0;}
.iBnr1-block .orn1{display:block;width:89px;height:89px;line-height:89px;font-size:18px;font-weight:lighter;position:absolute;left:0px;top:32px;}
.iBnr1-block .orn1:after,
.iBnr1-block .orn3:after,
.iBnr1-block .orn5:after{content:"";display:block;width:100%;height:100%;background:url(../nimages/iBnr1-orn1.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;z-index:-2;}
.iBnr1-block .orn2{display:block;width:42px;height:42px;background:url(../nimages/iBnr1-orn2.png) no-repeat center center;position:absolute;bottom:0px;left:145px;}
.iBnr1-block .orn3{display:block;width:103px;height:103px;line-height:103px;font-size:18px;font-weight:lighter;position:absolute;bottom:4px;left:339px;}
.iBnr1-block .orn3:after{background:url(../nimages/iBnr1-orn3.png) no-repeat center center / cover;}
.iBnr1-block .orn4{display:block;width:42px;height:42px;background:url(../nimages/iBnr1-orn4.png) no-repeat center center;position:absolute;bottom:70px;left:621px;}
.iBnr1-block .orn5{display:block;width:93px;height:92px;line-height:92px;font-size:18px;font-weight:lighter;position:absolute;top:0px;right:0px;}
.iBnr1-block .orn5:after{background:url(../nimages/iBnr1-orn5.png) no-repeat center center / cover;}

.iBnr1-block .orn1:after,
.iBnr1-block .orn2,
.iBnr1-block .orn3:after,
.iBnr1-block .orn4,
.iBnr1-block .orn5:after{animation-iteration-count:infinite;animation:rotation 3.5s linear infinite;-webkit-animation:rotation 3.5s linear infinite;-moz-animation:rotation 3.5s linear infinite;}
@keyframes rotation{
0%{transform: rotate(0deg);}
100%{transform: rotate(-360deg);}}
@-webkit-keyframes rotation{
0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(-360deg);}}
@-moz-keyframes rotation{
0%{-moz-transform: rotate(0deg);}
100%{-moz-transform: rotate(-360deg);}}

#index-webBnr{display:none;}







.banner-words{width:1280px;margin:0 auto;position:relative}
.banner-words-left{float:left;overflow:hidden;color:#fff;margin-top:30px}
.banner-words-left h6{font-size:36px;font-weight:bold}
.banner-words-left p{font-size:18px;margin:4px 0 0 0}
.banner-words-right{position:absolute;right:0;top:0}
.banner-words-right h6{width:156px;height:76px;text-align:center;line-height:76px;font-size:16px;color:#fff;background-color:#c8060d;font-weight:normal}
.banner-words-right h6 i{width:22px;height:9px;background-repeat:no-repeat;display:inline-block;background-image:url('../nimages/banner_arrow.png');vertical-align:middle;margin:-2px 0 0 10px}
.banner-words-right h6:hover{background-color:#c8060e}

.banner .iBnr1-block{width:830px;height:267px;background:url(../nimages/iBnr1-bg.png) no-repeat center center / cover;position:relative;margin:-28px 0 0;}
.iBnr1-block .orn1{display:block;width:89px;height:89px;line-height:89px;font-size:18px;font-weight:lighter;position:absolute;left:0px;top:32px;}
.iBnr1-block .orn1:after,
.iBnr1-block .orn3:after,
.iBnr1-block .orn5:after{content:"";display:block;width:100%;height:100%;background:url(../nimages/iBnr1-orn1.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;z-index:-2;}
.iBnr1-block .orn2{display:block;width:42px;height:42px;background:url(../nimages/iBnr1-orn2.png) no-repeat center center;position:absolute;bottom:0px;left:145px;}
.iBnr1-block .orn3{display:block;width:103px;height:103px;line-height:103px;font-size:18px;font-weight:lighter;position:absolute;bottom:4px;left:339px;}
.iBnr1-block .orn3:after{background:url(../nimages/iBnr1-orn3.png) no-repeat center center / cover;}
.iBnr1-block .orn4{display:block;width:42px;height:42px;background:url(../nimages/iBnr1-orn4.png) no-repeat center center;position:absolute;bottom:70px;left:621px;}
.iBnr1-block .orn5{display:block;width:93px;height:92px;line-height:92px;font-size:18px;font-weight:lighter;position:absolute;top:0px;right:0px;}
.iBnr1-block .orn5:after{background:url(../nimages/iBnr1-orn5.png) no-repeat center center / cover;}

.iBnr1-block .orn1:after,
.iBnr1-block .orn2,
.iBnr1-block .orn3:after,
.iBnr1-block .orn4,
.iBnr1-block .orn5:after{animation-iteration-count:infinite;animation:rotation 3.5s linear infinite;-webkit-animation:rotation 3.5s linear infinite;-moz-animation:rotation 3.5s linear infinite;}
@keyframes rotation{
0%{transform: rotate(0deg);}
100%{transform: rotate(-360deg);}}
@-webkit-keyframes rotation{
0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(-360deg);}}
@-moz-keyframes rotation{
0%{-moz-transform: rotate(0deg);}
100%{-moz-transform: rotate(-360deg);}}

#index-webBnr{display:none;}

.banner-container{position:relative;}
.bnr-img.page-bnr{height:580px;}









.swiper-container-banner .swiper-slide{overflow:hidden;position:relative}
.swiper-container-banner .swiper-slide img{width:100%;object-fit:cover;transform:matrix(1.1,0,0,1.1,0,0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}
.swiper-container-banner .swiper-slide-active img{transition-delay:0.4s !important;transform:matrix(1,0,0,1,0,0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}
.banner-focus-box{width:100%;overflow:hidden;background-color:#fff;padding:22px 0;border-bottom:1px solid #e5e5e5}
.banner-focus{width:1280px;margin:0 auto;position:relative}
.banner-focus .swiper-pagination{position:absolute;left:0;top:-9px}
.banner-focus .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;margin:0 14px 0 0;background:#c9caca;opacity:1}
.banner-focus .swiper-pagination-bullet-active{opacity:1;background:#c8060e}
.advantage-box{width:100%;overflow:hidden;padding:0 0 80px 0}
.advantage{width:1280px;margin:0 auto}
.black-title{width:100%;overflow:hidden;padding:100px 0 50px 0;text-align:center}
.black-title p{font-size:22px;color:#333;position:relative;display:inline-block}
.black-title p:before{content:"";position:absolute;left:0%;bottom:50%;width:44px;height:1px;background:#333;margin-left:-60px}
.black-title p:after{content:"";position:absolute;right:0%;bottom:50%;width:44px;height:1px;background:#333;margin-right:-60px}
.black-title h6{font-size:36px;color:#000;font-weight:bold;margin-top:4px}
.advantage-words{width:100%;overflow:hidden}
.advantage-words ul li{width:25%;float:left;text-align:center;height:280px;overflow:hidden;padding:10px 0 0 0}
.advantage-words ul li img{width:138px;height:138px;display:inline-block;overflow:hidden;transition:all .6s}
.advantage-words ul li h6{font-size:18px;color:#333;margin-top:28px}
.advantage-words ul li p{width:80%;margin-left:10%;font-size:14px;line-height:24px;color:#666;margin-top:20px;height:48px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.advantage-words ul li:hover img{transform:translateY(-10px)}
.advantage-words ul li:hover h6{color:#c8060e}
.advantage-words ul li:hover p{color:#c8060e}
.classics-box{width:100%;height:auto;background-repeat:no-repeat;position:relative;padding:0 0 50px 0}
.classics{width:100%;overflow:hidden;background:url(../nimages/product.jpg) no-repeat center top;}
.white-title{width:100%;overflow:hidden;padding:100px 0 50px 0;text-align:center}
.white-title p{font-size:22px;color:#fff;display:inline-block;position:relative}
.white-title p:before{content:"";position:absolute;left:0%;bottom:50%;width:44px;height:1px;background:#fff;margin-left:-60px}
.white-title p:after{content:"";position:absolute;right:0%;bottom:50%;width:44px;height:1px;background:#fff;margin-right:-60px}
.white-title h6{font-size:36px;color:#fff;font-weight:bold;margin-top:4px}
.classics-piclist{width:94%;overflow:hidden;margin:0 auto;}
.classics-piclist-top{width:100%;overflow:hidden}
.classics-piclist-top li{height:480px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer}
.classics-piclist-top li:nth-child(1){width:49.4%}
.classics-piclist-top li:nth-child(2){width:24.2%;margin-left:1.1%}
.classics-piclist-top li:nth-child(3){width:24.2%;margin-left:1.1%}
.classics-piclist-pic{width:100%;height:100%;overflow:hidden}
.classics-piclist-pic img{width:100%;height:100%;object-fit:cover}
.classics-piclist-title{position:absolute;bottom:24px;left:24px;z-index:2}
.classics-piclist-title h6{display:inline-block;color:#fff;font-size:18px;padding:10px 0;border-bottom:1px solid #fff}
.classics-piclist-shade{border:solid #ccc 1px;position:absolute;width:100%;height:0%;left:0;bottom:0;z-index:3;background-color:#fff;opacity:0;transition:all .6s ease-in-out}
.classics-piclist-top li:hover .classics-piclist-shade{height:100%;opacity:1}
.classics-piclist-st{width:100%;height:68px;line-height:68px;background-color:#c8060e;color:#fff;font-size:20px;font-weight:bold;text-align:center}
.classics-piclist-sp{width:100%;padding:30px;overflow:hidden;height:320px;text-align:center;}
.classics-piclist-sp img{max-width:100%;max-height:100%;object-fit:cover;margin: 0 auto;}
.classics-piclist-sl{width:100%;text-align:center;font-size:0;margin-top:32px}
.classics-piclist-sl a{display:inline-block;width:154px;text-align:center;font-size:14px;color:#333}
.classics-piclist-sl a:hover{color:#c8060e}
.classics-piclist-sl a:nth-child(1){border-right:1px solid #bababa}
.classics-piclist-sl a:nth-child(1) i{display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-image:url('../nimages/classics_search.png');vertical-align:middle;margin:-2px 6px 0 0}
.classics-piclist-sl a:nth-child(2) i{display:inline-block;width:14px;height:15px;background-repeat:no-repeat;background-image:url('../nimages/classics_link.png');vertical-align:middle;margin:-2px 6px 0 0}
.classics-piclist-bottom{width:100%;overflow:hidden;margin-top:1.1%}
#owl-demo .item{height:480px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer;}
#owl-demo .item:nth-child(n+2){margin-left:1.06%}
#owl-demo .item:hover .classics-piclist-shade{height:100%;opacity:1}



#owl-demo .item{	margin: 5%;}
#owl-demo .item img{display: block;}
.classics-piclist .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.classics-piclist .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.classics-piclist .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.classics-piclist .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.classics-piclist .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.classics-piclist .owl-carousel .owl-item{float: left;}
.classics-piclist .owl-controls .owl-page,
.classics-piclist .owl-controls .owl-buttons div{cursor: pointer;}
.classics-piclist .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.classics-piclist .grabbing{cursor:url(../nimages/grabbing.png) 8 8, move;}
.classics-piclist .owl-carousel .owl-wrapper,
.classics-piclist .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.classics-piclist .owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.classics-piclist .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:30px;height:30px;margin:0px 30px;padding: 3px 10px;font-size: 0px;}
.classics-piclist .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../nimages/pl.png) no-repeat center bottom;}
.classics-piclist .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../nimages/pr.png) no-repeat center bottom;}
.classics-piclist .owl-theme .owl-controls .owl-buttons{background:url(../nimages/pen.png) no-repeat center bottom;}
.classics-piclist .owl-theme .owl-controls .owl-pagination{display:none;}
.classics-piclist .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.classics-piclist .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.classics-piclist .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.classics-piclist .owl-theme .owl-controls .owl-page.active span,
.classics-piclist .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.classics-piclist .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.classics-piclist .owl-item.loading{min-height: 150px;background: url(../nimages/AjaxLoader.gif) no-repeat center center}























.product-box{width:100%;overflow:hidden;position:relative;}
.product{width:100%}
.product-num-box{position:absolute;top:12%;left:0%;width:100%;background:url(../nimages/ab-1.jpg) no-repeat center top}
.product-num{width:1280px;margin:0 auto;}
.product-num ul{width:100%}
.product-num ul li{width:25%;float:left;height:254px;;text-align:center;color:#fff;overflow:hidden}
.product-num ul li:nth-child(-n+3){border-right:1px solid rgba(255,255,255,.1)}
.product-num ul li h6{font-size:16px;margin-top:72px;color: #666;}
.product-num ul li h6 span{font-size:70px;font-weight:bold;color: #000;}
.product-num ul li p{font-size:16px;color: #666;}
.product-words-box{width:100%;height:660px;margin-top:262px;background-image:url('../nimages/product_bg.jpg');background-repeat:no-repeat;background-attachment:fixed}
.product-words{width:100%;position:relative;overflow:hidden}
.product-words-essay{width:100%;margin-top:12%;text-align:center}
.product-words-essay h4{font-size:36px;color:#fff;font-weight:bold}
.product-words-essay p{font-size:16px;color:#fff;width:50%;margin-left:25%;line-height:26px;margin-top:28px}
.product-words-essay h6{font-size:16px;color:#fff;display:inline-block;margin-top:60px}
.product-words-essay h6 i{width:28px;height:9px;background-image:url('../nimages/product_arrow.png');background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px}
.product-words-essay h6:hover{color:#c8060e}
.product-words-essay h6:hover i{background-image:url('../nimages/product_arrowH.png')}
.message-box{width:100%;overflow:hidden;padding:0 0 110px 0}
.message{width:94%;margin-left:3%}
.message-wordslist{width:100%;margin-top:30px}
.message-wordslist ul{width:100%;margin-left:-0.66666666%}
.message-wordslist ul li{width:32%;height:330px;float:left;margin-left:1.33333333%;padding:140px 54px 0 54px;position:relative;background-color:#f3f3f3}
.message-wordslist ul li h6{width:auto;height:110px;background-color:#333;position:absolute;top:-20px;left:54px;color:#fff;padding:0 18px}
.message-wordslist ul li h6 p{font-size:28px;text-align:right;margin-top:20px}
.message-wordslist ul li h6 span{display:block;text-align:right;font-size:16px}
.message-wordslist ul li h4{font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.message-wordslist ul li h4:hover{color:#c8060e}
.message-wordslist ul li h5{font-size:14px;color:#666;line-height:24px;margin-top:30px;height:96px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media all and (max-width:1700px){}
@media all and (max-width:1600px){.classics-piclist-top li{height:380px}
.classics-piclist-bottom li{height:380px}
.classics-piclist-sp{height:236px}
.classics-box{}
.classics-piclist{top:22%}
.product-words-box{height:560px}
.product-num-box{top:13%}
.black-title{padding:70px 0 50px 0}
.white-title{padding:70px 0 50px 0}
}@media all and (max-width:1460px){.banner-words-left h6{font-size:30px}
.banner-words-box{padding:0px 0 30px 0}
.black-title{padding:44px 0 40px 0}
.black-title h6{font-size:30px}
.white-title{padding:44px 0 40px 0}
.white-title h6{font-size:30px}
.classics-piclist-top li{height:340px}
.classics-piclist-bottom li{height:340px}
.classics-piclist-sp{height:200px}
.classics-piclist{top:20%}
.classics-box{}
.product-num ul li h6 span{font-size:60px}
.product-num ul li{height:220px}
.product-words-box{margin-top:230px}
.message-box{padding:0 0 80px 0}
}@media all and (max-width:1380px){.banner-words{width:94%;margin-left:3%}
.banner-words-left h6{font-size:26px}
.banner-words-box{padding:0px 0 26px 0}
.advantage{width:94%;margin-left:3%}
.classics-piclist-top li{height:320px}
.classics-piclist-bottom li{height:320px}
.classics-piclist-sp{padding:20px;height:170px}
.classics-piclist-sl a{width:130px}
.classics-box{}
.serve-piclist-words{width:94%;margin-left:3%}
.product-num{width:94%;margin-left:3%}
.product-num-box{top:10%}
.product-num ul li h6 span{font-size:48px}
.product-num ul li{height:180px}
.product-num ul li h6{margin-top:34px}
.product-words-box{margin-top:160px;height:460px}
.product-words-essay h4{font-size:30px}
.product-words-essay p{width:66%;margin-left:17%;margin-top:18px}
.product-words-essay h6{margin-top:50px}
.message-box{padding:0 0 60px 0}
.message-wordslist ul li h6{height:90px}
.message-wordslist ul li h6 p{font-size:24px;margin-top:15px}
.message-wordslist ul li{height:300px;padding:100px 30px 0 30px}
.banner-focus{width:94%;margin-left:3%}
.swiper-container-banner .swiper-slide-active img{height:584px}
}@media all and (max-width:1300px){.banner-words-left h6{font-size:22px}
.banner-words-left p{font-size:16px;margin:0px 0 0 0}
.banner-words-box{padding:0px 0 20px 0}
.black-title h6{font-size:26px}
.white-title h6{font-size:26px}
.classics-piclist-top li{height:290px}
.classics-piclist-bottom li{height:290px}
.classics-piclist-sp{padding:10px;height:150px}
.banner-words-left{margin-top:20px}
}@media all and (max-width:1200px){.classics-piclist-sl a{width:100px}
}@media all and (max-width:1000px){.banner-words-box{padding:0 0 16px 0}
.banner-img{height:280px;background-color:rgba(0,0,0,.8)}
.swiper-container-banner .swiper-slide-active img{height:280px}
.banner-words-left h6{font-size:16px}
.banner-words-left p{font-size:12px}
.banner-words-left{margin-top:16px}
.banner-words-right{top:0px;}
.banner-words-right h6{width:120px;height:40px;line-height:40px;font-size:13px}
.banner-words-right h6 i{margin:-2px 0 0 6px}
.banner-focus-box{padding:14px 0}
.black-title p{font-size:16px}
.black-title h6{font-size:18px}
.black-title{padding:28px 0 24px 0}
.product-num ul li:nth-child(-n+3){border-right:none}
.product-num ul li:nth-child(2n+1){border-right:1px solid rgba(255,255,255,.1)}
.white-title p{font-size:16px}
.white-title h6{font-size:18px}
.white-title{padding:28px 0 24px 0}
.advantage-words ul li{width:50%;height:216px}
.advantage-words ul li img{width:100px;height:100px}
.advantage-words ul li h6{font-size:16px;margin-top:14px}
.advantage-words ul li p{width:90%;margin-left:5%;margin-top:10px}
.advantage-box{padding:0 0 24px 0}
.white-title{width:94%;margin-left:3%}
.classics-piclist-top li{height:200px}
.classics-piclist-top li:nth-child(1){width:100%}
.classics-piclist-top li:nth-child(2){width:49%;margin-left:0%;margin-top:2%}
.classics-piclist-top li:nth-child(3){width:49%;margin-left:2%;margin-top:2%}
.classics-piclist-title{bottom:16px;left:16px}
.classics-piclist-title h6{font-size:14px;padding:6px 0}
.classics-piclist-bottom li{height:200px}
.classics-piclist-bottom li:nth-child(1){width:49%;margin-left:0%;margin-top:1%}
.classics-piclist-bottom li:nth-child(2){width:49%;margin-left:2%;margin-top:1%}
.classics-piclist-bottom li:nth-child(3){width:49%;margin-left:0%;margin-top:1%}
.classics-piclist-bottom li:nth-child(4){width:49%;margin-left:2%;margin-top:1%}
.classics-box{background-repeat:no-repeat;}
.classics-piclist{top:14%}
.classics-piclist-st{height:40px;line-height:40px;font-size:16px}
.classics-piclist-sp{padding:6px;height:90px}
.classics-piclist-sl a{width:100%;text-align:center;font-size:16px}
.classics-piclist-sl a:nth-child(1){border-right:none}
.classics-piclist-sl{margin-top:10px}
.serve-piclist{width:100%;height:auto;padding:10px 0 24px 0;background-image:none;background-color:#2f3e51;overflow:hidden}
.serve-piclist-words ul li{width:100%;height:254px;padding:0 28px}
.serve-piclist-words ul li:hover .serve-piclist-seeay{top:37%}
.serve-piclist-seeay p{margin-top:8px}
.product-num ul li{width:50%;height:90px}
.product-num ul li h6 span{font-size:30px}
.product-num ul li h6{font-size:14px;margin-top:16px}
.product-num ul li p{font-size:12px}
.product-words-essay h4{width:94%;margin-left:3%;font-size:20px}
.product-num-box{top:4%}
.product-words-essay p{width:94%;margin-left:3%;margin-top:18px;font-size:14px;height:72px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-words-box{margin-top:220px;height:270px}
.product-words-essay h6{margin-top:42px}
.message-wordslist ul{margin-left:0%;margin-top:-20px}
.message-wordslist ul li{width:100%;margin-left:0%;height:244px;padding:80px 16px 0 16px;margin-top:20px}
.message-wordslist ul li h5{margin-top:12px}
.message-wordslist ul li h6 p{font-size:20px;margin-top:10px}
.message-wordslist ul li h6 span{font-size:12px}
.message-wordslist ul li h6{height:72px;top:-12px;left:16px}
.message-wordslist ul li h4{font-size:16px}
.message-box{padding:0 0 24px 0}
}


.case{padding: 5% 0;width:100%;height:auto;float:left;clear:both;overflow:hidden;position:relative;background:url(../nimages/case.jpg) no-repeat center top;}
.case .mm{width:100%;height:auto;float:left;clear:both;overflow:hidden;position:relative;}
.title{width:100%;height:auto;float:left;clear:both;overflow:hidden;position:relative;}
.title h1 a{color: #1a4f8a;font-size: 50px;line-height: 1.5;font-weight: bold;text-transform: uppercase;}
.title h2 a{color: #333;font-size: 30px;line-height: 1.5;font-weight:normal;letter-spacing:10px;text-transform: uppercase;}
.w1500{position:relative;width:85%;margin:0 auto;height:auto}
.case .cleft{width: 40%;padding-right: 5%;float:left}
.case .cleft .ctit{font-size:18px;color:#333333;line-height:28px;margin-top:24px;font-weight:bold;/*! transform:translateY(60px) */float: left;}
.case .cleft .ctxt{font-size:16px;color:#888888;line-height:2;padding-right:0;-webkit-line-clamp:3;margin:24px 0 36px;/*! transform:translateY(100px); */display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;float: left;height: auto;}

.case .cleft .cmore{width:108px;height:42px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;font-size:14px;color:#888888;position:relative;/*! transform:translateY(120px); */display: block;line-height: 42px;text-align: center;float: left;}
.case .cleft .cmore::after{content:'';position:absolute;bottom:-1px;width:0px;left:0px;height:1px;background:#1a4f8a}
.case .cleft .cmore::before{content:'';position:absolute;width:0px;top:-1px;left:0px;background:#1a4f8a;height:1px}


.case .cleft .cmore:hover:before{width:100%;transition:all 0.6s ease}
.case .cleft .cmore:hover:after{width:100%;transition:all 0.6s ease}
.case .cleft .cmore:hover{color:#1a4f8a;transition:all 0.6s ease}



.case .cright{width:60%;float: right;transition:all 1.2s ease}
.case .cright .img{padding-bottom:65%}
.case .cright .img img{position:relative;width:100%;overflow:hidden}

.case .cbottom{position: absolute;bottom:20px;left:0px;width:50%;float: left;}
#owl-demo2 .item{height:auto;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer;}
#owl-demo2 .item:nth-child(n+2){margin-left:1.06%}
#owl-demo2 .item:hover .classics-piclist-shade{height:100%;opacity:1}



#owl-demo2 .item{	margin: 5%;border:solid #fff 1px;}
#owl-demo2 .item img{display: block;max-width: 100%;}
.case .cbottom .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.case .cbottom .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.case .cbottom .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.case .cbottom .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.case .cbottom .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.case .cbottom .owl-carousel .owl-item{float: left;}
.case .cbottom .owl-controls .owl-page,
.case .cbottom .owl-controls .owl-buttons div{cursor: pointer;}
.case .cbottom .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.case .cbottom .grabbing{cursor:url(../nimages/grabbing.png) 8 8, move;}
.case .cbottom .owl-carousel .owl-wrapper,
.case .cbottom .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.case .cbottom .owl-theme .owl-controls{margin-top: 10px;text-align: center;display: none !important;}
.case .cbottom .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:30px;height:30px;margin:0px 30px;padding: 3px 10px;font-size: 0px;}
.case .cbottom .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../nimages/pl.png) no-repeat center bottom;}
.case .cbottom .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../nimages/pr.png) no-repeat center bottom;}
.case .cbottom .owl-theme .owl-controls .owl-buttons{background:url(../nimages/pen.png) no-repeat center bottom;}
.case .cbottom .owl-theme .owl-controls .owl-pagination{display:none;}
.case .cbottom .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.case .cbottom .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.case .cbottom .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.case .cbottom .owl-theme .owl-controls .owl-page.active span,
.case .cbottom .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.case .cbottom .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.case .cbottom .owl-item.loading{min-height: 150px;background: url(../nimages/AjaxLoader.gif) no-repeat center center}

@media all and (max-width:768px){
.w1500 {width: 95%;}
.title h1 a{font-size: 24px;}
.title h2 a{font-size: 16px;}
.case .cleft{width:100%;padding-right: 1%;padding:1%;}
.case .cright{width:100%;padding:1%;margin-top: 1rem;}
.case .cbottom {position:relative;width:100%;bottom: 0px;margin-top: 0px;}
.case .cbottom .owl-theme .owl-controls{display:block !important;margin-top: 0px}
#owl-demo2 .item { margin: 1%;height: auto;}
.case .cleft .ctxt {margin: 10px 0 10px;font-size: 14px;}
}

@media (min-width:769px) and (max-width:990px){
.w1500 {width: 95%;}
.title h1 a{font-size: 26px;}
.title h2 a{font-size: 18px;}

.case .cleft{width:100%;padding-right: 1%;padding:1%;}
.case .cright{width:100%;padding:1%;margin-top: 1rem;}
.case .cbottom {position:relative;width:100%;bottom: 0px;margin-top: 0rem;}
.case .cbottom .owl-theme .owl-controls{display:block !important;margin-top: 0px}
#owl-demo2 .item { margin: 1%;height: auto;}
.case .cleft .ctxt {margin: 10px 0 10px;font-size: 14px;}
}
@media (min-width:991px) and (max-width:1280px){
.w1500 {width: 90%;}
.title h1 a{font-size: 30px;}
.title h2 a{font-size: 20px;}
#owl-demo2 .item { margin: 1%;height: auto;}
.case .cleft .ctxt {margin: 10px 0 10px;font-size: 14px;}
.case .cbottom{bottom:10px;}
}
@media (min-width:1281px) and (max-width:1440px){
.w1500 {width: 90%;}
.title h1 a{font-size: 34px;}
.title h2 a{font-size: 22px;}
.case .cbottom{bottom:10px;}
#owl-demo2 .item { margin: 1%;height: auto;}
.case .cleft .ctxt {margin: 10px 0 10px;font-size: 14px;}
}

.tiao{width:100%;height:125px;position:relative;background:url(../nimages/tiao.jpg) no-repeat center bottom #f5f5f5;text-align:center;}
.tiao .tcd{width:auto;float:right}
.tiao .tcd p{font-size:22px;color:#fff;height:50px;position:relative;top:65px;overflow:hidden;text-align:right;}
.tiao .tcd p font{font-siz:16px;color:#fff}




.ys{padding:0% 0% 5% 0%;background:url(../nimages/ys.jpg) no-repeat center bottom #f5f5f5;text-align:center;height:auto}
.ys h2+p{font-size:16px;line-height:30px;color:#000;width:952px;margin:22px auto 39px}
.ys ul{position:relative;max-width:1200px;margin:0 auto;}
.ys li{width:21%;height:auto;margin:2%;float:left;position:relative;}
.ys li:nth-child(11),.ys li:nth-child(4){margin-right:0}
.ys li:nth-child(5),.ys li:nth-child(6),.ys li:nth-child(7){position:absolute;top:144px;left: 12.5%;}
.ys li:nth-child(6){left: 37.5%;}
.ys li:nth-child(7){left: 62.5%;}
.ys li .img{display:block;width:100%;}
.ys li .img img{width:100%;}
.serve-piclist-seeay{width:100%;height:164px;overflow:hidden;transition:all .6s ease-in 0s;position:absolute;text-align:center;top:55%;left:0;margin-top:-82px}
.serve-piclist-seeay h6{width:102px;height:102px;display:inline-block;border-radius:100%;border:1px solid #fff;text-align:center;overflow:hidden}
.serve-piclist-seeay h6 i{background-size: 100% 100%;background-repeat:no-repeat;display:inline-block}
.serve-piclist-seeay hr{height:40px;width:1px;border:none;background-color:#fff;display:block;margin:0 auto;margin-top:-26px;transition:all .4s}
.serve-piclist-seeay h5{font-size:18px;color:#fff;margin-top:10px}
.serve-piclist-seeay p{font-size:14px;color:#fff;line-height:22px;width:80%;margin-left:10%;margin-top:14px;height:64px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ys li:nth-child(5) h6 i{width:51px;height:60px;margin-top:22px;background-image:url(../nimages/serve_ic1.png)}
.ys li:nth-child(6) h6 i{width:48px;height:54px;margin-top:24px;background-image:url(../nimages/serve_ic2.png)}
.ys li:nth-child(7) h6 i{width:56px;height:47px;margin-top:27.5px;background-image:url(../nimages/serve_ic3.png)}
.ys li:nth-child(9) h6 i{width:45px;height:46px;margin-top:28px;background-image:url(../nimages/serve_ic4.png)}
.ys li:nth-child(10) h6 i{width:42px;height:53px;margin-top:24.5px;background-image:url(../nimages/serve_ic5.png)}
.ys li:hover .serve-piclist-seeay{top:46%;height:252px}
.ys li:hover .serve-piclist-seeay h6{border:1px solid #c8060e;background-color:#c8060e}
.ys li:hover .serve-piclist-seeay hr{margin-top:-10px;transform:rotate(90deg)}
@media all and (max-width:468px){
.ys {  padding: 5% 0% 150px 0%;}
.ys li:nth-child(1),.ys li:nth-child(2),.ys li:nth-child(3),.ys li:nth-child(4),.ys li:nth-child(8),.ys li:nth-child(11){display:none}

.serve-piclist-seeay h6 {  width: 40px;  height: 40px;}
.ys li h6 i {width: 20px !important;height: 25px !important;margin-top: 8px !important;}
.serve-piclist-seeay h5 { font-size: 14px;}
.serve-piclist-seeay {top: 10% !important;}
.ys li {width: 29.333%; height: auto;margin: 1%;}
.ys li:nth-child(5),.ys li:nth-child(6),.ys li:nth-child(7){position: relative;top: unset;left: unset;width: 29.333%;}
.ys li:nth-child(9){position: absolute;left: 16%;top: 104px;}
.ys li:nth-child(10){position: absolute;left: 47%;top: 104px;}

.serve-piclist-seeay hr {  height: 20px;  width: 1px;  border: none;  background-color: #fff;margin-top: 0px;  margin-top: -6px;  transition: all .4s;}
.serve-piclist-seeay {  height: auto;  top: 0%; left: 0;  margin-top: 5px;}
.serve-piclist-seeay h5 { margin-top: 0px;}
}
@media (min-width:469px) and (max-width:768px){
.ys {  padding: 5% 0% 200px 0%;}
.serve-piclist-seeay h5 { margin-top: 0px;}
.serve-piclist-seeay hr {  height: 20px;  width: 1px;  border: none;  background-color: #fff;margin-top: 0px;  margin-top: -6px;  transition: all .4s;}
.ys li:nth-child(1),.ys li:nth-child(2),.ys li:nth-child(3),.ys li:nth-child(4),.ys li:nth-child(8),.ys li:nth-child(11){display:none}

.serve-piclist-seeay h6 {  width: 70px;  height: 70px;}
.ys li h6 i {width: 30px !important;height: 32px !important;margin-top: 18px !important;}
.serve-piclist-seeay h5 { font-size: 14px;}
.serve-piclist-seeay {top: 16% !important;}
.ys li {width: 29.333%; height: auto;margin: 1%;}
.ys li:nth-child(5),.ys li:nth-child(6),.ys li:nth-child(7){position: relative;top: unset;left: unset;width: 29.333%;}
.ys li:nth-child(9){position: absolute;left: 16%;top: 154px;}
.ys li:nth-child(10){position: absolute;left: 47%;top: 154px;}
.serve-piclist-seeay {  margin-top: 10px;}
}
@media (min-width:769px) and (max-width:990px){

.ys li:nth-child(1),.ys li:nth-child(2),.ys li:nth-child(3),.ys li:nth-child(4),.ys li:nth-child(8),.ys li:nth-child(11){display:none}

.serve-piclist-seeay h6 {  width: 70px;  height: 70px;}
.ys li h6 i {width: 30px !important;height: 32px !important;margin-top: 18px !important;}
.serve-piclist-seeay h5 { font-size: 14px;}
.serve-piclist-seeay {top: 56% !important;}
.ys li {width: 29.333%; height: auto;margin: 1%;}
.ys li:nth-child(5),.ys li:nth-child(6),.ys li:nth-child(7){position: relative;top: unset;left: unset;width: 29.333%;}
.ys li:nth-child(9){position: absolute;left: 16%;top: 154px;}
.ys li:nth-child(10){position: absolute;left: 47%;top: 154px;}
}
@media (min-width:991px) and (max-width:1080px){
.serve-piclist-seeay h6 {  width: 70px;  height: 70px;}
.ys li h6 i {width: 30px !important;height: 32px !important;margin-top: 18px !important;}
.serve-piclist-seeay h5 { font-size: 16px;}
.serve-piclist-seeay {top: 60%;}
.ys li { width: 23%;  height: auto;margin: 1%;}
.ys li:nth-child(5),.ys li:nth-child(6),.ys li:nth-child(7){position:absolute;top:114px;}
}
@media (min-width:1081px) and (max-width:1280px){
.serve-piclist-seeay h6 {  width: 70px;  height: 70px;}
.ys li h6 i {width: 30px !important;height: 32px !important;margin-top: 18px !important;}
.serve-piclist-seeay h5 { font-size: 16px;}
}
@media (min-width:1281px) and (max-width:1440px){
.serve-piclist-seeay h6 {  width: 70px;  height: 70px;}
.ys li h6 i {width: 30px !important;height: 32px !important;margin-top: 18px !important;}
.serve-piclist-seeay h5 { font-size: 16px;}
}
@media (min-width:1441px) and (max-width:1600px){

.serve-piclist-seeay h5 { font-size: 16px;}
}